<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>理想国真惠玩</title>
    <!-- UIkit CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/css/uikit.min.css"/>
</head>
<body style="height: 2000px;">
<a id="js-scroll-trigger" class="uk-button uk-button-primary" href="#target" uk-scroll>Down with callback</a>

<div id="target" style="margin-top: 1000px;height: 100px;background-color:gold;">内容</div>

<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit-icons.min.js"></script>
<script>
    //滚动完毕
    UIkit.util.on('#js-scroll-trigger', 'scrolled', function () {
        //使用通知
        UIkit.notification({message: '成功跳转到了指定位置', status: 'success'})
    });
</script>

</body>
</html>